<template>
  <el-tabs type="border-card" class="demo-tabs wrapper">
    <el-tab-pane label="计件重填">
        <Piece ></Piece>
    </el-tab-pane>
    <el-tab-pane label="提成重填">
        <KPI ></KPI>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import {ref, onMounted, reactive,getCurrentInstance} from "vue";
import { useRoute } from 'vue-router'
import { Timer } from '@element-plus/icons-vue';
import { Calendar } from '@element-plus/icons-vue'
import Piece from './components/piece'
import KPI from './components/KPI'

</script>

<style lang="scss" scoped>
.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
.demo-tabs .custom-tabs-label .el-icon {
  vertical-align: middle;
}
.demo-tabs .custom-tabs-label span {
  vertical-align: middle;
  margin-left: 4px;
}
.wrapper {
  box-shadow: 0px 0px 10px 3px #00000014;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
</style>
